package com.example.therDays.ui.components.moreInformation


import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.GridCells
import androidx.compose.foundation.lazy.LazyVerticalGrid
import androidx.compose.material.Scaffold
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.Layout
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.example.therDays.ui.model.entity.MoreItemModel

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun MoreInformation() {
    Column(modifier = Modifier
        .fillMaxWidth()
        .padding(horizontal = 10.dp)) {
        Text(text = "更多信息", style = TextStyle(
            fontSize = 22.sp),
            modifier = Modifier.padding(6.dp)
        )

        AirQuality()

        Box(modifier = Modifier
            .padding(vertical = 10.dp)
            .fillMaxWidth()
            .fillMaxHeight()
        ){
            Column(modifier = Modifier
                .fillMaxWidth()) {
                Row(modifier = Modifier
                    .fillMaxWidth(),
                    verticalAlignment = Alignment.CenterVertically,
                    horizontalArrangement = Arrangement.SpaceBetween
                ) {
                    MoreItem(MoreItemModel("1",1,"1级","东风"))
                    MoreItem(MoreItemModel("1",1,"1级","东风"))
                }
                Row(modifier = Modifier
                    .fillMaxWidth(),
                    verticalAlignment = Alignment.CenterVertically,
                    horizontalArrangement = Arrangement.SpaceBetween) {
                    MoreItem(MoreItemModel("1",1,"1级","东风"))
                    MoreItem(MoreItemModel("1",1,"1级","东风"))
                }
            }
        }
    }
}

